#index {
  width: 1920px;
  height: 1080px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: left top;
  color: #ffffff;
  overflow: hidden;

  .bg {
    width: 100%;
    height: 100%;
    padding: 16px 16px 0 16px;
    //background-image: url("../assets/pageBg.png");
    background-size: cover;
    background-position: center center;
  }

  .host-body {
    .header {
      padding: 0 50px;

      .time {
        width: 330px;
        height: 27px;
        font-size: 22px;
        font-family: DIN, DIN-Medium;
        font-weight: 500;
        color: #ffffff;
        margin-top: 20px;

        .timeIcon {
          display: inline-block;
          height: 27px;
          width: 27px;
          background-image: url("../assets/timeIcon.png");
          background-size: cover;
          background-position: left bottom;
          margin-right: 7px;
        }

        .timeText {
          display: inline-block;
          vertical-align: text-top;
        }
      }

      .title {
        width: 1130px;
        //text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;

        .title_ch {
          height: 54px;
          font-size: 36px;
          font-family: Source Han Sans CN, Source Han Sans CN-Medium;
          font-weight: 500;
          text-align: left;
          color: #ffffff;
          line-height: 88px;
          text-shadow: 0 0 4px #16d0ff;
        }

        //.title_en {
        //  height: 22px;
        //  font-size: 18px;
        //  font-family: DIN, DIN-Medium;
        //  font-weight: 500;
        //  text-align: left;
        //  color: #cccccc;
        //  line-height: 21px;
        //}
      }

      .weather {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        width: 330px;
        height: 24px;
        font-size: 16px;
        font-family: Source Han Sans CN, Source Han Sans CN-Medium;;
        font-weight: 500;
        color: #ffffff;
        margin-top: 24px;
        text-align: end;
        padding-right: 12px;
      }
    }
  }

  .content {
    padding: 0 50px;
    margin-top: 47px;

    .content_left {
      .left_div {
        height: 208px;
        width: 375px;
        margin-top: 20px;
        background-image: url("../assets/boxItemBg.png");
        background-size: cover;
        background-position: center center;
      }
    }

    .content_center {
      width: 1000px;
      margin-left: 20px;
      margin-right: 20px;

      .center_top {
        height: 572px;
        margin-bottom: 20px;
        margin-top: 20px;

        .center-count {
          //display: flex;
          //align-items: center;
          //justify-content: space-around;
          width: 100%;
          height: 150px;

          //.center-count-c {
          //  display: flex;
          //  justify-content: space-around;
          //  height: 100%;
          //  width: 30%;
          //
          //  .count-icon1 {
          //    display: flex;
          //    align-items: center;
          //    justify-content: center;
          //    height: 145px;
          //    width: 145px;
          //    background-image: url("../assets/img/centerTopBg1.png");
          //    background-size: cover;
          //    background-position: center center;
          //  }
          //
          //  .count-icon2 {
          //    display: flex;
          //    align-items: center;
          //    justify-content: center;
          //    height: 145px;
          //    width: 145px;
          //    background-image: url("../assets/img/centerTopBg2.png");
          //    background-size: cover;
          //    background-position: center center;
          //  }
          //
          //  .count-icon3 {
          //    display: flex;
          //    align-items: center;
          //    justify-content: center;
          //    height: 145px;
          //    width: 145px;
          //    background-image: url("../assets/img/centerTopBg3.png");
          //    background-size: cover;
          //    background-position: center center;
          //  }
          //
          //  .count-content {
          //    display: flex;
          //    align-items: center;
          //    justify-content: center;
          //    flex-direction: column;
          //    height: 145px;
          //    width: calc(100% - 145px);
          //    margin-left: -20px;
          //
          //    .count-content-title {
          //      height: 24px;
          //      line-height: 19px;
          //      color: #ffffff;
          //      font-size: 16px;
          //      font-family: Source Han Sans CN, Source Han Sans CN-Regular;
          //      font-weight: 400;
          //      text-align: center;
          //    }
          //
          //    .count-content-count {
          //      height: 51px;
          //      font-size: 42px;
          //      font-family: Impact, Impact-Regular;
          //      font-weight: 400;
          //      text-align: center;
          //      color: #ffffff;
          //      line-height: 49px;
          //    }
          //  }
          //}
        }

        .center-center {
          display: flex;
          width: 100%;
          height: calc(100% - 150px);
          .cb_div {
            height: 419px;
            width: 490px;
            background-image: url("../assets/center_center.png");
            background-size: cover;
            background-position: center center;
          }
        }
      }

      .center_bottom {
        //height: 302px;
        .cb_div {
          height: 302px;
          width: 490px;
          background-image: url("../assets/bottomBoxItemBg.png");
          background-size: cover;
          background-position: center center;
        }
      }
    }

    .content-right {
      .left_div {
        height: 208px;
        width: 375px;
        margin-top: 20px;
        background-image: url("../assets/boxItemBg.png");
        background-size: cover;
        background-position: center center;
      }
    }

    .itemTitle {
      height: 34px;
      line-height: 34px;
      font-size: 14px;
      font-family: Source Han Sans CN, Source Han Sans CN-Medium;
      font-weight: 500;
      padding-left: 20px
    }

    .itemContent {
      height: calc(100% - 34px);
    }

  }
}

